<template>
	<div class="app-toast" v-if="isShow"
		:class="{'info': type=== 'info','success': type=== 'success','warning': type=== 'warning','danger': type=== 'danger'}">
		{{text}}</div>
</template>
<style scoped>
	.app-toast {
		z-index: 9999;
		position: fixed;
		left: 50%;
		top: 50%;
		background: #ccc;
		padding: 10px;
		border-radius: 5px;
		transform: translate(-50%, -50%);
		color: #fff;
	}

	.info {
		background: #00aaee;
	}

	.success {
		background: #00ee6b;
	}

	.warning {
		background: #eea300;
	}

	.danger {
		background: #ee000c;
	}
</style>
